<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录界面</title>
    <style>
        body{
            background-color: #f4f4f4;
        }
        .content{
            text-align: center;
            width: 500px;
            height: 300px;
            margin:auto;
            background-color: white;

        }
        #username{
            /*text-align: center;*/
            width: 400px;
            height: 30px;
        }
        #password{
            /*text-align: center;*/
            width: 400px;
            height: 30px;
        }
        #submit{
            text-align: center;
            width: 400px;
            height: 50px;
            background: forestgreen;
        }
        #username:hover{

            background-color: lightblue;
        }
        #password:hover{
            background-color: lightblue;
        }

        h1{
            text-align: center;

        }
        .word{
            border: forestgreen 1px solid ;
            color: white;
        }
    </style>
</head>
<body>

    <form action="./login.html" method="get" class="content">
        <h1> 用户登录</h1>
<!--        <label for="username" id="user"></label>-->
        <input type="text" name="username" id="username"><br><br>

<!--        <label for="password" id="pass"></label>-->
        <input type="password" name="password" id="password"><br><br>

        <input type="submit" id="submit"  value="登录" class="word">

    </form>

</body>
</html>